<template>
	<view>
		<view class="top">







		</view>

		<uni-card :is-shadow="false" is-full>

			<view style="display: flex; justify-content: space-between;">

				<view
					style="border: 0rpx solid;border-radius: 50%; background: linear-gradient(to bottom left, #add8e6, #00008b);
      ;width: 100rpx;height: 100rpx;font-size: 23rpx;text-align: center;padding: 17rpx;box-sizing: border-box;line-height: 30rpx;color: #fff;">
					预约服务</view>




				<view
					style="border: 0rpx solid;border-radius: 50%; background: linear-gradient(to bottom left, #add8e6, #00008b);
				;width: 100rpx;height: 100rpx;font-size: 23rpx;text-align: center;padding: 17rpx;box-sizing: border-box;line-height: 30rpx;color: #fff;">
					预约服务</view>

				<view
					style="border: 0rpx solid;border-radius: 50%; background: linear-gradient(to bottom left, #add8e6, #00008b);
				;width: 100rpx;height: 100rpx;font-size: 23rpx;text-align: center;padding: 17rpx;box-sizing: border-box;line-height: 30rpx;color: #fff;">
					预约服务</view>

			</view>
<view style="border-bottom: #00008b 1rpx solid;width: 190rpx; position: relative; top: -50rpx; left: 100rpx;"></view>

<view style="border-bottom: #00008b 1rpx solid;width: 190rpx; position: relative; top: -50rpx; left: 380rpx;"></view>

		</uni-card>

	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.top {
		width: 100%;
		height: 360rpx;
		background-image: url("../../../static/8c7398129c13f67abeca14982fc8883.jpg");
	}
</style>